* { margin: 0; padding: 0; }
body { font-size: 16px; -webkit-font-smoothing: antialiased; }
ul, li { list-style-type: none; }
input, button { border: none; outline: none; }
h1, p { font-family: "Microsoft Yahei"; text-align: center; color: #0099ff; }
h1 { padding: 20px 0; font-size: 40px; font-weight: 300; }
p { padding-bottom: 10px; font-size: 20px; text-align: left; }

/* Paging */
#paging,#paging2 {
  overflow: hidden;
  width: 100%;
  margin-top: 60px;
  text-align: center;
  color: #0099ff;

  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#paging .first,
#paging .last,
#paging .prev,
#paging .next,
#paging .lists li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 4px;
  padding: 0 10px;
  border: 1px solid #ddd;
  cursor: default;
  border-radius: 4px;
  vertical-align: top;
}
#paging .lists {
  display: inline-block;
  vertical-align: top;
}
#paging .lists li {
  width: 40px;
  padding: 0;
  text-align: center;
}
#paging .lists li.cur {
  color: #fff;
  background-color: #0099ff;
  border-color: #428bca;
}
#paging .go {
  display: none;
  position: relative;
  max-width: 160px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#paging .go input {
  float: left;
  width: 70%;
  height: 30px;
  line-height: 30px;
  padding: 0 6px;
  font-size: 16px;
  box-sizing: border-box;
  color: #0099ff;
}
#paging .go button {
  float: left;
  width: 30%;
  height: 100%;
  cursor: pointer;
  color: #fff;
  background-color: #0099ff;
  border-radius: 0 4px 4px 0;
}
#paging .disable {
  color: #bfbfbf;
  cursor: not-allowed;
}

#paging input::-webkit-input-placeholder { color: #bfbfbf; }
#paging input::-moz-input-placeholder { color: #bfbfbf; }
#paging input:-ms-input-placeholder { color: #bfbfbf; } 

#paging2 .first,
#paging2 .last,
#paging2 .prev,
#paging2 .next,
#paging2 .lists li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 4px;
  padding: 0 10px;
  border: 1px solid #ddd;
  cursor: default;
  border-radius: 4px;
  vertical-align: top;
}
#paging2 .lists {
  display: inline-block;
  vertical-align: top;
}
#paging2 .lists li {
  width: 40px;
  padding: 0;
  text-align: center;
}
#paging2 .lists li.cur {
  color: #fff;
  background-color: #0099ff;
  border-color: #428bca;
}
#paging2 .go {
  display: none;
  position: relative;
  max-width: 160px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#paging2 .go input {
  float: left;
  width: 70%;
  height: 30px;
  line-height: 30px;
  padding: 0 6px;
  font-size: 16px;
  box-sizing: border-box;
  color: #0099ff;
}
#paging2 .go button {
  float: left;
  width: 30%;
  height: 100%;
  cursor: pointer;
  color: #fff;
  background-color: #0099ff;
  border-radius: 0 4px 4px 0;
}
#paging2 .disable {
  color: #bfbfbf;
  cursor: not-allowed;
}

#paging2 input::-webkit-input-placeholder { color: #bfbfbf; }
#paging2 input::-moz-input-placeholder { color: #bfbfbf; }
#paging2 input:-ms-input-placeholder { color: #bfbfbf; } 

/* Paging Result */
#resultBox,#resultBox2 {
  width: 1000px;
  height: 800px;
  margin: 0 auto;
  font-size: 0;
}
#resultBox dl,#resultBox2 dl {
  overflow: hidden;
  display: inline-block;
  width:100%;
  padding: 20px 0;
  vertical-align: top;
}
#resultBox dt ,#resultBox2 dt{
  float: left;
  margin-right: 12px;
}

#resultBox dt a img ,#resultBox2 dt a img{
  max-width: 200px;
  max-height: 200px;
  vertical-align: top;
}
#resultBox dd ,#resultBox2 dd{
  overflow: hidden;
  display: block;
  padding-right: 40px;
}
#resultBox dd a ,#resultBox2 dd a{
  display: inline-block;
  padding: 3px 0;
  margin-bottom: 10px;
  line-height: 24px;
  font-size: 15px;
  text-decoration: none;
  text-align: left;
  color: #666;
}
#resultBox dd p ,#resultBox2 dd p{
  line-height: 20px;
  font-size: 14px;
  color: #666;
}